<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>

<%@taglib prefix="a4j" uri="http://richfaces.org/a4j"%>
<%@taglib prefix="rich" uri="http://richfaces.org/rich"%>

<%
        request.setAttribute("nombrePagina", "Cuadre de Caja");
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<f:view>
    <%@include file="/WEB-INF/jspf/header.jspf" %>


    
    <h1>Cuadre de Caja</h1>
    <h2>Realizar Operaci&oacute;n</h2>
    <h:messages id="messages" styleClass="messages_content" layout="table" errorClass="error" warnClass="warn" infoClass="info"/>
    <h:form>
        <rich:panel>
        <fieldset>
            <legend>Detalle de Operaci&oacute;n</legend>
            <h:panelGrid columns="2">

                <h:panelGrid columns="1" >
                    <t:dataTable id="tblCajas" value="#{SaldoCajaController.saldoCajas}"
                                 var="item" rowClasses="rowImpar, rowPar">
                        <h:column>
                            <f:facet name="header"><h:outputText value="Caja"/></f:facet>
                            <h:outputText value="#{item.fidVfiCaja.nombre}" />
                        </h:column>

                        <h:column>
                            <f:facet name="header"><h:outputText value="Monto"/></f:facet>
                            <h:outputText value="#{item.monto}" />
                        </h:column>

                         <h:column>
                            <f:facet name="header"><h:outputText value="Moneda"/></f:facet>
                            <h:outputText value="#{item.fidOpeMoneda.descripcion}" />
                        </h:column>

                    </t:dataTable>
                </h:panelGrid>

                <h:panelGrid columns="1">
                   
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Detalle de la Operacion:" />
                            <h:panelGroup/>

                            <h:panelGroup> </h:panelGroup>
                            <h:panelGroup> </h:panelGroup>

                           <h:outputLabel value="Moneda:" />

                            <h:selectOneMenu id="cboMoneda" value="#{CuadreCajaController.cajaSeleccionada}">
                                <f:selectItems value="#{SaldoCajaController.monedas}" />
                            </h:selectOneMenu>

                           <h:outputLabel value="Monto a Cuadrar" />
                           <h:inputText id="txtMontoCuadre"  value="#{CuadreCajaController.monto}" />

                        </h:panelGrid>

                   
                    <h:panelGroup>
                        <h:commandButton value="Registrar" action="#{CuadreCajaController.registrar}" />
                        <h:commandButton value="Cancelar" action="volver" />
                    </h:panelGroup>
                </h:panelGrid>
            </h:panelGrid>


        </fieldset>
        <fieldset>
            <legend>Transacciones realizadas</legend>
           <h:panelGrid columns="1" >

                   <rich:dataTable id="tblTransacciones" value="#{DetalleTransaccionController.detalleTransacciones}"  var="item"  width="300px" columnClasses="center"
                                     rows="4" reRender="ds">
                        <f:facet name="header">
                            <h:outputText value="Transacciones"/>
                        </f:facet>
                        <rich:column sortBy="#{item.fechaHora}">
                            <f:facet name="header">
                                <h:outputText value="Fecha"/>
                            </f:facet>
                            <h:outputText value="#{item.fechaHora}"/>
                        </rich:column>

                        <rich:column sortBy="#{item.fidPltCuenta.nroCuenta}">
                            <f:facet name="header">
                                <h:outputText value="Cuenta"/>
                            </f:facet>
                            <h:outputText value="#{item.fidPltCuenta.nroCuenta}"/>
                        </rich:column>

                        <rich:column sortBy="#{item.fidVfiTipoTransaccion.nombre}">
                            <f:facet name="header">
                                <h:outputText value="Operacion"/>
                            </f:facet>
                            <h:outputText value="#{item.fidVfiTipoTransaccion.nombre}"/>
                        </rich:column>

                        <rich:column sortBy="#{item.fidOpeMoneda.descripcion}">
                            <f:facet name="header">
                                <h:outputText value="Moneda"/>
                            </f:facet>
                            <h:outputText value="#{item.fidOpeMoneda.descripcion}"/>
                        </rich:column>
                        



                        <f:facet name="footer">
                            <rich:datascroller id="ds"></rich:datascroller>
                        </f:facet>
                    </rich:dataTable>


             
                </h:panelGrid>

        </fieldset>

        </rich:panel>
    </h:form>

    <%@include file="/WEB-INF/jspf/footer.jspf" %>
</f:view>
